﻿<!doctype html>

<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
	<meta charset="utf-8"/>

	<!-- force latest ie rendering engine (even in intranet) -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge"/>

	<title>HTML5 Today</title>
	<meta name="description" content="Are you curious about all the HTML5 buzz? Don't understand what the big deal is (after all, it's just HTML)? We'll show you what's in HTML5 and related technologies as well as outline a few forward-looking discussions. Expect to walk away with an understanding of what's in HTML5, why you should be using it today, and a guide to get you started."/>
	<meta name="msapplication-task" content="name=Start Presentation;action-uri=index.html;icon-uri=favicon.ico"/>
	<meta name="msapplication-task" content="name=Tools & Resources;action-uri=index.html#resources;icon-uri=favicon.ico"/>
	<meta name="msapplication-task" content="name=About Michael Flanakin;action-uri=http://about.me/flanakin;icon-uri=http://michaelflanakin.com/portals/michaelflanakin.com/favicon.ico"/>
	<meta name="msapplication-task" content="name=About James Wren;action-uri=http://twitter.com/mrharb;icon-uri=http://twitter.com/favicon.ico"/>
	<meta name="author" content="Michael Flanakin"/>
	<link rel="license" href="http://html5today.codeplex.com/license"/>
	<link rel="author" href="humans.txt"/>   

	<!-- mobile viewport optimized: j.mp/bplateviewport -->
	<meta name="viewport" content="width=device-width,initial-scale=1"/>

	<!-- place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
	<link rel="shortcut icon" href="favicon.ico"/>
	<link rel="apple-touch-icon" href="apple-touch-icon.png"/>
	
	<link href="content/launch.css" rel="stylesheet"/>
	<link href="content/reset-after.css" rel="stylesheet"/>

	<!-- all JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
	<script src="scripts/modernizr-2.0.6.min.js"></script>
</head>
<body>

<div id="container">
	<header>
		<h1>
			<span class="html">HTML<span class="ver">5</span></span> <span class="today">Today</span>
			<!--img src="content\images\html5-512x.png" alt="HTML5"/-->
		</h1>
	</header>
	<nav>
		<ul>
			<li><a class="read" href="read/index.htm">Read</a></li>
			<li><a class="play" href="play/index.htm">Play</a></li>
		</ul>
	</nav>
	<footer>
		<ul>
			<li class="semantics"><span>&nbsp;</span></li>
			<li class="offstore"><span>&nbsp;</span></li>
			<li class="device"><span>&nbsp;</span></li>
			<li class="connect"><span>&nbsp;</span></li>
			<li class="media"><span>&nbsp;</span></li>
			<li class="graphics"><span>&nbsp;</span></li>
			<li class="perfint"><span>&nbsp;</span></li>
			<li class="styling"><span>&nbsp;</span></li>
		</ul>
	</footer>
</div>

<!-- javascript at the bottom for faster page loading -->
<div id="scripts">
	<!-- use cdn w/ protocol-relative url; fall back to local if necessary -->
	<!-- TODO: Must have "http:" when running from local file system -->
	<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.6.2.min.js"></script>
	<script>window.jQuery || document.write('<script src="scripts/jquery-1.6.2.min.js"><\/script>')</script>

	<script src="scripts/launch.js"></script>

	<!-- mathiasbynens.be/notes/async-analytics-snippet -->
	<script defer="defer" async="async">
		var _gaq = [['_setAccount', 'UA-86079-7'], ['_trackPageview']];
		(function (d, t) { var g = d.createElement(t), s = d.getElementsByTagName(t)[0]; g.async = 1; g.src = ("https:" == location.protocol ? "//ssl" : "http://www") + ".google-analytics.com/ga.js"; s.parentNode.insertBefore(g, s); } (document, "script"));
	</script>
</div>

</body>
</html>
